<template>
  <div id="main"></div>
</template>

<script>
import E from "wangeditor";
export default {
  data() {
    return {
      editor: "",
    };
  },
  mounted() {
    //创建wangeditor实例
    this.editor = new E("#main");
        // 取消自动 focus
    this.editor.config.focus = false;
    // 配置 onchange 回调函数 --- 获取输入的内容
    this.editor.config.onchange = (newHtml)=>{
    //   console.log("change 之后最新的 html", newHtml);
    //获取的编译的数据 传递给父组件 弹框组件  
        this.$emit('sendWangEditor',newHtml)
    };
    // 配置触发 onchange 的时间频率，默认为 200ms
    this.editor.config.onchangeTimeout = 500; // 修改为 500ms   
    // 配置菜单栏，删减菜单，调整顺序
    // 默认情况下，显示所有菜单
    this.editor.config.menus = [
      "head", //标题
      "bold", //加粗
      "fontSize", //字体大小
      "fontName", //字体种类
      "italic", //斜体
      "underline", //下划线
      "strikeThrough", //删除
      "indent", //首行缩进
      //   "lineHeight",
      //   "foreColor",
      //   "backColor",
      //   "link",
      "list",
      "todo",
      "justify",
      "quote",
      "emoticon",
      "image",
      "video",
      "table",
      "code",
      "splitLine",
      "undo",
      "redo",
    ];
    this.editor.create();
  },
};
</script>

<style>
</style>